<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/wzh1.css">
</head>

<body>
    <div class="u3">
        <div class="u4">
            <span><img class="u2" src="./img/tu/microsoft.svg" alt=""></span>
            <span>|</span>
            <span><b>微软官方商城</b></span>
            <span>硬件</span>
            <span>软件</span>
            <span>教育优惠</span>
            <span>企业购</span>
            <span>折扣专区</span>
            <span>领卷中心</span>
            <span>Surface</span>
            <span>更多</span>
        </div>
        <div class="u1">
            <span>搜索<img src="./img/tu/fangdajing.png" alt=""></span>
            <span><img src="./img/tu/gouwuche.png" alt=""></span>
            <span class="login - text">登录<img class="img-element" src="./img/tu/touxiang.png" alt=""></span>
        </div>
    </div>
    <div class=" zhengwen">
        <div class="a1">
            <span>配置</span>
            <span>配件</span>
            <span>Microsoft 365</span>
        </div>
        <h1>我们来配置你的全新Surface设备吧</h1>
        <div class="a8">
            <div>
                <div class="a4">
                    <div class="a5">
                        <img class="a3" src="./img/tu/heibijiben.png" alt="">
                    </div>
                    <div class="a5">
                        <img class="a3" src="./img/tu/zuo.png" alt="">
                    </div>
                    <div class="a5">
                        <img class="a3" src="./img/tu/shang.png" alt="">
                    </div>
                    <div class="a5">
                        <img class="a3" src="./img/tu/hou.png" alt="">
                    </div>
                </div>
                <div>
                    <img class="a2" src="./img/tu/heibijiben.png" alt="">
                </div>
                <div>
                    <p class="a6">Surface Laptop 第 7 版。它具备强劲性能、可以提供独特的 AI Windows 11 AI+ PC 体验，并拥有所有 Surface
                        设备中最长的电池使用时间¹，能够轻松应对高要求的工作负荷。你还可以体验到超薄 HDR² 显示屏上令人惊叹的视觉效果和无可比肩的安全性。</p>
                    <p><b>微软官方商城购机保障及优势</b></p>
                    <p style="margin-top: -10px;">享免费配送、价格保护、专属优惠、免息分期支付以及更长的退换货期限。<span class="a7">了解更多>。</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="goumai">
            <section class="product-info">
                <div class="price-box">
                    <span class="pr">起多节省 ¥3,148.00</span>
                    <h2>Surface Laptop, Windows 11 AI+ PC</h2>
                    <a href="#">主要技术规格</a>
                    <p style="font-size: 20px;">¥7,824.00 起</p>
                    <p class="a9"><img src="./img/tu/礼盒.png" alt=""> 3.10-3.31加购享价值535元精美礼赠</p>
                </div>
            </section>
            <div class="config-item">
                <div class="config-title">购买方式</div>
                <div class="option-box checked">
                    <p class="b3"><b>选购单机及可选配件</b> <span class="price">¥7,488.00 起</span></p>
                    <p class="in">3-12期分期免息</p>
                </div>
            </div>
            <div class="config-item">
                <div class="config-title">尺寸</div>
                <div class="option-box checked">
                    <span><b>15 英寸</b></span>
                </div>
                <div class="option-box">
                    <span><b>13.8 英寸</b></span>
                </div>
            </div>
            <div class="container">
                <h2>规格</h2>
                <p class="spec-title">哪种规格最适合你？</p>
                <div class="spec-item">
                    <span class="discount-tag">9.5折</span>
                    <h3>Snapdragon® X Elite (12核) 16GB RAM 512GB SSD</h3>
                    <div class="price-info">
                        <p>¥11,888.00</p>
                        <p>¥11,288.00</p>
                        <p>¥940.67/月</p>
                    </div>
                </div>
                <div class="spec-item">
                    <span class="discount-tag">官方商城专属</span>
                    <h3>Snapdragon® X Elite (12核) 64GB RAM 1TB SSD</h3>
                    <div class="price-info">
                        <p>¥20,988.00</p>
                        <p>¥17,840.00</p>
                        <p>¥1,486.67/月</p>
                    </div>
                </div>
                <div class="spec-item">
                    <span class="discount-tag">9.6折</span>
                    <h3>Snapdragon® X Elite (12核) 32GB RAM 1TB SSD</h3>
                    <div class="price-info">
                        <p>¥16,088.00</p>
                        <p>¥15,488.00</p>
                        <p>¥1,290.67/月</p>
                    </div>
                </div>
            </div>
            <div>
                <h2>Microsoft 延保服务</h2>
                <p>无忧工作，轻松娱乐。为了让你能更加安心，
                    Microsoft 延保服务提供针对机械故障和搬
                    运过程中的意外事故的保障。*</p>
                <p>所有 Microsoft 保护计划包含软件与硬件支持</p>
            </div>
            <div class="service-item">
                <div class="service-name">
                    微软适用于 Surface Laptop 的EHS 延期硬件服务计划
                </div>
                <div class="price-group">
                    <p>¥388.00</p>
                    <p>¥32.33/月</p>
                </div>
            </div>

            <div class="service-item">
                <div class="service-name">
                    适用于 Surface Laptop 的 Microsoft Complete 全方位服务计划 两年
                </div>
                <div class="price-group">
                    <p>¥1,088.00</p>
                    <p>¥90.67/月</p>
                </div>
            </div>
            <div class="service-item">
                <div class="service-name">
                    适用于 Surface Laptop 的 Microsoft Complete 全方位服务计划 三年
                </div>
                <div class="price-group">
                    <p>¥1,588.00</p>
                    <p>¥132.33/月</p>
                </div>
            </div>
            <div class="service-item">
                <div class="service-name">
                    适用于 Surface Laptop 的 Microsoft Complete 全方位服务计划 四年
                </div>
                <div class="price-group">
                    <p>¥2,188.00</p>
                    <p>¥182.33/月</p>
                </div>
            </div>
            <div class="service-item">
                <div class="service-name">
                    不用，谢谢<br>
                    <span>我暂时不需要为我的设备添加任何额外保护.</span>
                </div>
            </div>
            <h2>摘要</h2>
            <div class="summary-item">
                <span class="product-name">Surface Laptop, Windows 11 AI+ PC</span>
                <span class="price-right">¥20,988.00</span><br>
                <span class="price-right current-price">¥17,840.00</span>
            </div>
            <div class="summary-item">选购单机及可选配件</div>
            <div class="summary-item">典雅黑</div>
            <div class="summary-item">Snapdragon® X Elite (12核) 64GB RAM 1TB SSD</div>
            <div class="summary-item">15 英寸</div>
            <hr style="margin: 20px 0;">
            <div class="subtotal">
                小计
                <span class="original-price">¥20,988.00</span>
                <span class="current-price">¥17,840.00</span>
            </div>
            <div class="installment">
                12期免息分期
                <span class="current-price">¥1,486.67/月</span>
            </div>
            <div class="recommendation">
                <div class="icon"></div>
                <p>获得全面的体验。继续了解 Microsoft 365 & 高品质配件。</p>
            </div>
            <div class="btn-group">
                <a href="#" class="primary-btn">继续购买 配件</a>
                <a href="#" class="secondary-btn">查看购物车并结算</a>
            </div>
        </div>
    </div>
    <div>
        <div class="b4">
            <p>* 只适用于Microsoft Complete 全方位服务计划</p>
            <p>[1]电池使用时间会因设备配置、使用情况、网络和功能配置、信号强度、设置和其他因素而有显著差异。有关详细信息，请参阅 Surface 电池性能。</p>
            <p>[2] HDR 需要 HDR 内容，并要在设备设置中启用 HDR。</p>
        </div>
        <div class="footer-container">
            <div class="footer-column">
                <h3 class="column-title">产品类别</h3>
                <ul class="column-list">
                    <li>Surface</li>
                    <li>Microsoft 365</li>
                    <li>Xbox</li>
                    <li>Office</li>
                    <li>Windows</li>
                    <li>Visual Studio</li>
                    <li>混合现实</li>
                    <li>其他软件与服务</li>
                    <li>配件</li>
                    <li>其他微软站点</li>
                </ul>
            </div>

            <div class="footer-column">
                <h3 class="column-title">账户信息</h3>
                <ul class="column-list">
                    <li>账户信息</li>
                    <li>订单跟踪</li>
                    <li>订单历史</li>
                    <li>软件密钥和下载</li>
                </ul>
            </div>

            <div class="footer-column">
                <h3 class="column-title">支持与帮助</h3>
                <ul class="column-list">
                    <li>产品支持信息</li>
                    <li>退换货政策</li>
                    <li>常见问题</li>
                    <li>软件产品问题</li>
                    <li>教育优惠相关问题</li>
                    <li>购物流程</li>
                    <li>支付与配送</li>
                    <li>售后服务</li>
                    <li>专栏博客</li>
                </ul>
            </div>

            <div class="footer-column">
                <h3 class="column-title">热门资源</h3>
                <ul class="column-list">
                    <li>Surface Pro, Windows 11 AI+ PC</li>
                    <li>Surface Laptop, Windows 11 AI+ PC</li>
                    <li>Surface Studio 2+</li>
                    <li>Surface Laptop Studio 2</li>
                    <li>Surface Laptop Go 3</li>
                    <li>优惠信息</li>
                    <li>教育专区</li>
                    <li>以旧换新</li>
                    <li>商务专区</li>
                </ul>
            </div>

            <div class="footer-column">
                <h3 class="column-title">关于我们</h3>
                <ul class="column-list">
                    <li>查找店铺</li>
                    <li>网站地图</li>
                    <li>商城承诺</li>
                    <li>商城首页</li>
                </ul>
            </div>

            <div class="footer-column">
                <h3 class="column-title">关注我们</h3>
                <ul class="column-list">
                    <li>官方微博</li>
                    <li>微软官方商城</li>
                    <li>微信公众号</li>
                    <li><img src="./img/tu/wechat.jpg" alt="微信公众号二维码" style="width: 100px; margin-top: 10px;"></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="x1">
        <img src="./img/tu/地球,地理,全球.png" alt="">
        <span> 中国 - 简体中文</span>
        <span class="m2">使用条款 销售条款 隐私权声明 管理 Cookie 商标 沪 ICP备12038052号-4</span>
        <span><img src="./img/tu/beianbgs_20220830.png" alt=""></span>
        <span>沪公网安备 31010402009788号 公司证件 © 2024 Microsoft</span>
    </div>
</body>

</html>